<template>
  <div class="comp-advantag-banner-wrapper">
    <div class="hbadvantage-center">
      <div class="text-introduction">
        <h3>惠保优势</h3>
        <p>
          以数据、产品和服务创新为驱动力，以专业服务赋能医-患-药-险生态链，打造线上线下一体化医疗健康服务新生态。
        </p>
      </div>
      <div class="img-introduction">
        <img
          src="https://www.miaoshoucdn.com/official/pc/img/advantage_banner.png"
          alt=""
        />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "AdvanBanner",
};
</script>

<style scoped lang="less">
.comp-advantag-banner-wrapper {
  width: 100%;
  height: 541px;
  background: #3880e7;
  color: aliceblue;
  .hbadvantage-center {
    width: 1174px;
    display: flex;
    margin: 0 auto;
    .text-introduction {
      flex: 1;
      margin-top: 100px;
      text-align: left;
      h3 {
        font-size: 49px;
        font-weight: 500;
        line-height: 62px;
      }
      p {
        font-size: 21px;
        font-weight: 500;
        line-height: 32px;
      }
    }

    .img-introduction {
      width: 490px;
      margin-top: 40px;

      img {
        width: 100%;
      }
    }
  }
}
</style>